{{#accordion-list-item
     title=(t 'formLabelsAnnotations.title')
     detail=(t detailKey appName=settings.appName)
     showStatus=true
     status=status
     statusClass=statusClass
     expandAll=expandAll
     expand=(action expandFn)
}}
  <div class="row">
    {{#if editing}}
      <div class="col span-6">
        <div class="clearfix">
          <label class="acc-label">{{t 'formUserLabels.title'}}</label>
        </div>
        {{#if userLabelArray.length}}
          <table class="table fixed no-lines js-label-table">
            <thead>
              <tr class="hidden-xs hidden-sm">
                <th>{{t 'formUserLabels.key.label'}}{{field-required}}</th>
                <th width="30">&nbsp;</th>
                <th>{{t 'formUserLabels.value.label'}}</th>
                <th width="40">&nbsp;</th>
              </tr>
            </thead>
            <tbody>
              {{#each userLabelArray as |label|}}
                <tr>
                  <td data-title="key">
                    {{input-paste pasted="pastedLabels" class="form-control input-sm key js-label" type="text" value=label.key placeholder="formUserLabels.key.placeholder" disabled=(eq label.readonly true)}}
                  </td>

                  <td class="valign-top text-center">
                    {{#if editing}}
                      {{t 'formKeyValue.separator'}}
                    {{/if}}
                  </td>

                  <td data-title="label">
                    {{input class="form-control input-sm" type="text" value=label.value placeholder=(t 'formUserLabels.value.placeholder') disabled=(eq label.readonly true)}}
                  </td>

                  <td class="text-right">
                    <button class="btn bg-primary btn-sm" {{action "removeLabel" label}} disabled={{eq label.readonly true}}><i class="icon icon-minus"/><span class="sr-only">{{t 'generic.remove'}}</span></button>
                  </td>
                </tr>
              {{/each}}
            </tbody>
          </table>
          <div class="protip mb-5">
            {{t 'formUserLabels.protip'}}
          </div>
        {{/if}}

        <button class="btn bg-link icon-btn" {{action "addUserLabel"}}>
          <span class="darken"><i class="icon icon-plus text-small"/></span>
          <span>{{t 'formUserLabels.addAction'}}</span>
        </button>
      </div>
    {{else}}
      {{#if model.canHaveLabels}}
        {{table-labels
            header=(t 'formUserLabels.title')
            model=model.labels
        }}
      {{/if}}
    {{/if}}
    {{#unless editing}}
      <hr class="mt-20 mb-20"/>
    {{/unless}}
    <div class="col {{if editing 'span-6' 'span-12'}}">
      {{#if editing}}
        {{form-key-value
            header=(t 'formAnnotations.title')
            editing=editing
            initialMap=model.annotations
            changed=(action "annotationsChange")
            addActionLabel="formAnnotations.addActionLabel"
        }}
      {{else}}
        {{table-labels
            header=(t 'formAnnotations.title')
            model=model.annotations
            labelIntlSec="annotationsSection"
        }}
      {{/if}}
    </div>
  </div>
{{/accordion-list-item}}
